<template>
  <div id="app">
    父组件内容
    <hr />
    <Father1></Father1>
    <hr />
    <Father2></Father2>
    <hr />
    <Custom></Custom>
    <hr />
    <Father3></Father3>
  </div>
</template>

<script>
import Father1 from '@/components/dynamic-component/Father.vue'
import Father2 from '@/components/slot/Father.vue'
import Custom from '@/components/custom/Custom.vue'
import Father3 from '@/components/axios/Father.vue'

export default {
  name: 'App',
  data() {
    return {}
  },
  components: {
    Father1,
    Father2,
    Custom,
    Father3,
  },
}
</script>

<style lang="less"></style>
